<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>会话存档</title>
	{$h->import('static/css/public.css')}
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		html{
			height: 100%;
			overflow:hidden;
		}
		body{
			background: #e9e9e9;
			height: 100%;
			overflow:hidden;
		}
		.conversation_container{
			height: calc(100% - 66px);
			overflow:hidden;
		}
		.conversation_content{
			display: flex;
			height: 100%;
			overflow:hidden;
		}
		.conversation_contacts_container{
			background: #f0f0f0;
			width: 280px;
			height: 100%;
			min-width: 280px;
		}
		.conversation_record_container{
			background: #fff;
			width: calc(100% - 520px);
			height: 100%;
		}
		.conversation_tabs_container{
			padding:0 16px;
			border-bottom: 1px solid #d9d9d9;
		}
		.conversation_tabs_container .layui-this{
			background: #f0f0f0;
			color: #2f54eb;

		}
		.conversation_tabs_container .layui-this:after{
			border-bottom: 1px solid #f0f0f0;
		}
		.conversation_tabs_container li{
			background-color: #e0e0e0;
			margin-right: 2px;
			border: 1px solid #d9d9d9!important;
			color: rgba(0,0,0,0.65);
			border-radius: 2px 2px 0 0;
		}
		.talkSearch_container{
			min-width: 0;
			padding: 4px 11px;
			color: rgba(0,0,0,.65);
			font-size: 14px;
			line-height: 22px;
			background-color: #fff;
			background-image: none;
			border: 1px solid #d9d9d9;
			border-radius: 2px;
			transition: all .3s;
			display: flex;
			height: 22px;
			align-items: center;
			margin: 12px 16px;
		}
		.talkSearch_container input{
			flex: 1;
			border: none;
			outline: none;
			-webkit-appearance: none;

		}
		.talkSearch_container svg{
			cursor: pointer;
			color: rgba(0,0,0,0.45);
		}
		.PrivateChat_contaienr{
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 12px 16px 12px 16px;
		}
		.PrivateChat_contaienr span{
			cursor: pointer;
			flex: 1;
			color: #2f54eb;
			background: #f0f5ff;
			border: 1px solid #adc6ff;
			font-weight: 400;
			white-space: nowrap;
			text-align: center;
			height: 32px;
			line-height: 32px;
			border-radius: 2px;
			transition: all .3s cubic-bezier(.645,.045,.355,1);
		}
		.PrivateChat_content{
			overflow-x: hidden;
			overflow-y: auto;
			height: calc(100% - 96px);
		}
		.PrivateChat_content li{
			display: flex;
			align-items: center;
			padding: 12px 16px;
			cursor: pointer;
			transition: all .3s;
			border-bottom: 1px solid #e9e9e9;
		}
		.PrivateChat_content li:hover{
			background: #e2e2e2;
		}
		.PrivateChat_content li img{
			width: 40px;
			height: 40px;
			margin-right: 15px;
			border-radius: 2px;
		}
		.PrivateChat_group_container{
			flex: 1;
			display: flex;
			flex-direction: column;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
		}
		.PrivateChat_group_container p{
			font-size: 14px;
			color: rgba(0,0,0,0.85);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.PrivateChat_group_container h5{
			font-size: 12px;
			color: rgba(0,0,0,0.45);
		}
		.conversation_tabsMain_container{
			padding: 0 !important;
			height: calc(100% - 51px);
		}
		.PrivateChat_content_active{
			background: #e2e2e2;
		}
		.conversation_tabs_content{
			height: calc(100% - 10px);
		}
		.layui-tab-item{
			height: 100%;
		}
		.conversation_recordHeaderTips_container{
			display: flex;
			font-size: 14px;
			height: 22px;
			padding: 8px 15px 8px 37px;
			background: #e6f7ff;
			align-items: center;
		}
		.conversation_recordHeaderTips_container svg{
			color: rgb(24, 144, 255);
		}
		.conversation_recordHeaderTips_container p{
			color: rgba(0,0,0,0.85);
			margin-left: 3px;
		}
		.conversation_recordHeaderTips_container a{
			color: #2f54eb;
		}
		.conversation_recordSelectDate input{
			height: 24px;
			line-height: 24px;
			padding: 0 5px;
			font-size: 14px;
			color: rgba(0,0,0,0.65);
			border-radius: 2px;
		}
		.conversation_recordButton_container{
			padding: 12px 20px;
			border-top: 1px solid #f0f0f0;
			border-bottom: 1px solid #f0f0f0;
			background: #fff;
		}
		.conversation_recordTabs_container{
			width: 100%;
			height: calc(100% - 48px);
		}
		.conversation_recordTabs_content{
			width: 100%;
			background: #fff;
		}
		.conversation_recordTabs_content .layui-this{
			color: rgb(47, 84, 235) !important;
		}
		.conversation_recordTabs_content .layui-this:after{
			border-color: rgb(47, 84, 235)!important;
		}
		.chatRecord_contaienr{
			height: calc(100% - 130px);
			overflow-y: auto;
			overflow-x: hidden;
			background: #fafafa;
			padding: 20px 24px;
		}
		.chatRecord_mainTalk_contaienr{
			background: #fff;
			padding: 8px 12px;
			border-radius: 4px;
			border: 1px solid #f0f0f0;
			position: relative;
			max-width: 224px;
			text-align: justify;
		}
		.chatRecord_mainTalk_contaienr:before{
			content: "";
			display: block;
			position: absolute;
			top: 8px;
			left: -5px;
			width: 8px;
			height: 8px;
			background-color: #fff;
			border: 0 solid #f0f0f0;
			border-width: 0 0 1px 1px;
			transform: rotate(45deg);
			z-index: 2;
		}
		.chatRecord_List{

		}
		.chatRecord_List li{
			display: flex;
			margin-bottom: 16px;
		}
		.chatRecord_headImg{
			width: 32px;
			height: 32px;
			border-radius: 2px;
		}
		.chatRecord_main_contaienr{
			display: flex;
			flex-direction: column;
			margin-left: 10px;
		}
		.chatRecord_mainHeader_contaienr{
			display: flex;
		}
		.chatRecord_mainHeader_contaienr p{
			color: #2f54eb;
			font-size: 14px;
			margin-right: 10px;
		}
		.chatRecord_mainTalkText_contaienr p{
			font-size: 14px;
			color: rgba(0,0,0,0.85);
			word-break: break-all;
		}
		.chatRecord_mainTalkLink a{
			color: #2f54eb;
			font-size: 14px;
		}
		.chatRecord_mainTalkXcx_contaienr{

		}
		.chatRecord_mainTalkXcx_contaienr p{
			color: rgba(0,0,0,.85);
			margin-bottom: 3px;
			font-size: 14px;
		}
		.chatRecord_mainTalkXcxHeader_contaienr{
			display: flex;
			align-items: center;
			margin-bottom: 8px;
		}
		.chatRecord_mainTalkXcxHeader_contaienr img{
			width: 20px;
			height: 20px;
			margin-right: 4px;
			background: #d8d8d8;
			border-radius: 50%;
		}
		.chatRecord_mainTalkXcxHeader_contaienr span{
			font-size: 14px;
			color: rgba(0,0,0,0.65);
			flex: 1;
		}
		.chatRecord_mainTalkXcxMain_contaienr{
			position: relative;
			overflow: hidden;
			margin-top: 8px;
		}
		.chatRecord_mainTalkXcxMain_contaienr img{
			background: #d8d8d8;
			display: block;
			width: 100%;
		}
		.chatRecord_mainTalkXcxMain_contaienr svg{
			width: 42px;
			height: 42px;
			opacity: 0.6;
			position: absolute; 
			left: 50%; 
			top: 50%;
			transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
		}
		.chatRecord_mainTalkXcxfooter_contaienr{
			display: flex;
			align-items: center;
		}
		.chatRecord_mainTalkXcxfooter_contaienr img{
			width: 12px;
			height: 12px;
			margin-right: 4px;
		}
		.chatRecord_mainTalkXcxfooter_contaienr span{
			display: flex;
			padding-top: 4px;
			margin-top: 12px;
			border-top: 1px solid #f1f1f1;
			font-size: 12px;
			color: rgba(0,0,0,.45);
			align-items: center;
			flex: 1;
		}
		.layui-btn-primary:hover{
			border-color: #2f54eb !important;
			color: #2f54eb !important;
		}
		.conversation_selectUser_container{
			width: 240px;
			min-width: 240px;
			height: 100%;
			background: #202025;
		}
		.conversation_selectUser_container h3{
			font-size: 14px;
			font-weight: 400;
			margin-bottom: 0;
			color: hsla(0,0%,100%,.65);
			border-bottom: 1px solid rgba(0,0,0,.5);
			padding: 16px 16px;
		}
		.selectUser_talkSearch_container{
			border-color: hsla(0,0%,100%,.3);
			background: transparent;
		}
		.selectUser_talkSearch_container input{
			background: transparent;
			color: rgba(255, 255, 255, 0.65);
		}
		.selectUser_talkSearch_container svg{
			color: rgba(255, 255, 255, 0.65);
		}
		.selectUser_PrivateChat_content{

		}
		.selectUser_PrivateChat_content li{
			border-bottom-color: #202025;
		}
		.selectUser_PrivateChat_content li:hover{
			background: hsla(0,0%,100%,.09);
		}
		.selectUser_PrivateChat_content_active{
			background: hsla(0,0%,100%,.08);
		}
		.selectUser_PrivateChat_group_container p{
			color:rgba(255, 255, 255, 0.65);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.selectUser_PrivateChat_group_container h5{
			color:rgba(255, 255, 255, 0.25);
			padding-top: 5px;
		}
		.conversation_selectUser_content{
			height: calc(100% - 12px);
		}

		/*语音*/
		.simple-audio {
			display: block;
			cursor: pointer;
		}

		.simple-audio:after {
			content: '';
			clear: both;
			display: block;
		}

		.audio-container {
			float: left;
			position: relative;
			width: 150px;
			height: 32px;
			background-color: #f8f8f8;
			background-image: -webkit-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: -moz-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: -o-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			border: 1px solid rgba(0, 0, 0, 0.12);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			margin: 0 5px;
		}

		.audio-container:before {
			content: '';
			position: absolute;
			display: block;
			width: 8px;
			height: 8px;
			border: 1px solid rgba(0, 0, 0, 0.12);
			-moz-transform: rotate(45deg);
			/* Firefox */
			-webkit-transform: rotate(45deg);
			/* Safari 和 Chrome */
			-o-transform: rotate(45deg);
			/* Opera */
			transform: rotate(45deg);
			left: -5px;
			top: 11px;
			background-color: #f8f8f8;
			background-image: -webkit-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: -moz-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: -o-linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			background-image: linear-gradient(-180deg, #f8f8f8 0%, #efefef 100%);
			border-top: none;
			border-right: none;
		}

		.audio-status {
			float: left;
			margin-top: 8px;
			margin-left: 15px;
			width: 13px;
			height: 15px;
			background: url(http://p1.ssl.qhimg.com/t01154d8bfabb0b30aa.png) no-repeat top left;
			-webkit-background-size: 100%;
			background-size: 100%;
		}

		.audio-status.playing {
			-webkit-animation: audio_playing 1s infinite;
			-o-animation: audio_playing 1s infinite;
			animation: audio_playing 1s infinite;
		}

		.audio-status.error:after {
			content: '!';
			font-size: 12px;
			color: #aaa;
			margin-left: 16px;
			vertical-align: top;
		}

		@-webkit-keyframes audio_playing {
			0% {
				background-position: 0 -15px;
			}
			30% {
				background-position: 0 -15px;
			}
			30.1% {
				background-position: 0 -30px;
			}
			61% {
				background-position: 0 -30px;
			}
			61.1% {
				background-position: 0 -45px;
			}
			100% {
				background-position: 0 -45px;
			}
		}

		.audio-time {
			float: left;
			line-height: 32px;
			color: #999;
			font-size: 13px;
			font-family: SFUIDisplay-Regular, Arial;
		}
		.chatRecord_mainTalkFile_contaienr{
			display: flex;
		}
		.chatRecord_mainTalkFileInfo_contaienr{
			flex: 1;
			display: flex;
			overflow: hidden;
			flex-direction: column;
			padding-right: 10px;
		}
		.chatRecord_mainTalkFileInfo_contaienr span{
			
		}
		.chatRecord_mainTalkFileInfo_contaienr span:first-child{
			padding-bottom: 5px;
			color: rgba(0,0,0,0.65);
			font-size: 14px;
			word-break:break-all;
		}
		.chatRecord_mainTalkFileInfo_contaienr span:last-child{
			color: rgba(0,0,0,0.45);
			font-size: 13px;
		}
		.chatRecord_mainTalkFileIcon_contaienr{
			background: #d8d8d8;
			padding: 4px 6px;
			width: 30px;
			height: 36px;
			border-radius: 2px;
		}
		
		.chatRecord_mainTalkFileIcon_contaienr svg{
			width: 30px;
			height: 36px;
		}
		.chatRecord_mainTalkOnlineFile_contaienr{

		}
		.chatRecord_mainTalkOnlineFileInfo_contaienr{

		}
		.chatRecord_mainTalkOnlineFileInfo_contaienr span{
			display: block;
			min-width: 214px;
			font-size: 14px;
			color: rgba(0,0,0,0.85);
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
		.chatRecord_mainTalkOnlineFileIcon_contaienr{
			display: flex;
			margin-top: 8px;
		}
		.chatRecord_mainTalkOnlineFileIcon_contaienr span{
			color: rgba(0,0,0,0.45);
			font-size: 14px;
			flex: 1;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.chatRecord_mainTalkOnlineFileIcon_contaienr img{
			width: 48px;
			height: 48px;
			margin-left: 10px;
		}
		.chatRecord_mainTalkOnlineFileOther_contaienr{
			display: flex;
			    align-items: center;
			    border-top: 1px solid #ececec;
			    margin-top: 10px;
			    padding-top: 5px;
		}
		.chatRecord_mainTalkOnlineFileOther_contaienr p{
			font-size: 12px;
			color: #999;
		}
		.chatRecord_mainTalkOnlineFileOther_contaienr img{
			width: 14px;
			height: 14px;
			border-radius: 50%;
			margin-right: 7px;
		}
		.nonedata_container{
			margin: 50px auto;
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
		}
		.nonedata_container svg{

		}
		.nonedata_container p{
			text-align: center;
			font-size: 15px;
			color: #999;
		}
		/**/
		.audioButton_h{
			outline: none;
			appearance: none;
			border: none;
			height: 30px;
			line-height: 30px;
			border-radius: 3px;
			padding: 0 10px;
			background: #1890ff;
			color: #fff;
			margin-top: 21px;
			cursor: pointer;
		}
		.audioOther_contianer{
		   display: flex;
		   align-items: center;
		  }
		  .audioOther_contianer p{
		   font-size: 13px;
		   margin-left: 5px;
		   margin-top: 21px;
		   color: #999;
		  }
	</style>
</head>

<body>
		<!-- 顶部提示框 开始 -->
	<div class="public_tipSetting_contaienr" style="padding-bottom: 12px;">
		<div class="public_tipSetting_content">
			<p>会话存档功能可以拉取聊天数据到本地，相关配置方法详见教程。</p>
			<a href="https://support.qq.com/products/174823/faqs/81278" target="_blank">查看教程</a>
			<svg id="closeTips" t="1599462804099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8813" width="15" height="15"><path d="M512 102.4a409.6 409.6 0 1 0 409.6 409.6 409.6 409.6 0 0 0-409.6-409.6z m181.248 518.144a51.2 51.2 0 0 1-72.704 72.704L512 584.192l-108.544 109.056a51.2 51.2 0 0 1-72.704-72.704L439.808 512 330.752 403.456a51.2 51.2 0 0 1 72.704-72.704L512 439.808l108.544-109.056a51.2 51.2 0 0 1 72.704 72.704L584.192 512z" fill="" p-id="8814"></path></svg>
		</div>
	</div>
	<div class="conversation_container">
		<div class="conversation_content">
			<input type="hidden" id="selectedUser" value="{$selectedUser}"/>
			<input type="hidden" id="selectedPerson" value="{$selectedPerson}"/>
			<input type="hidden" id="selectedGroup" value="{$selectedGroup}"/>
			<input type="hidden" id="selectedType" value="{$selectedType}"/>
			<div class="conversation_selectUser_container">
				<h3>成员列表</h3>
				<div class="conversation_selectUser_content">
					<div class="talkSearch_container selectUser_talkSearch_container">
						<input type="text" name="search" id="searchUser"  placeholder="搜索成员" >
						<svg onclick="searchUser()" viewBox="64 64 896 896" focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg>
					</div>
					<ul class="PrivateChat_content selectUser_PrivateChat_content" id="qyUser">
						{loop $userList as $user}
							<li onclick="selectUser('{$user['userid']}')">
								<img src="{$user['avatar']}">
								<div class="PrivateChat_group_container selectUser_PrivateChat_group_container">
									<p>{$user['name']}</p>
									<h5>{$user['userid']}</h5>
								</div>
							</li>
						{/loop}
						<!--<li>
							<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">
							<div class="PrivateChat_group_container selectUser_PrivateChat_group_container">
								<p>时刻小程序(微信～抖音～支付宝)</p>
								<h5>SanShi</h5>
							</div>
						</li>-->
					</ul>
				</div>
			</div>
			<!-- 左侧部分 -->
			<div class="conversation_contacts_container">
				<div class="layui-tab  conversation_tabs_content">
					<ul class="layui-tab-title conversation_tabs_container">
						<li class="layui-this" onclick="selectChatType(1)">私聊信息</li>
						<li onclick="selectChatType(2)">群聊信息</li>
					</ul>
					<div class="layui-tab-content conversation_tabsMain_container">
						<div class="layui-tab-item layui-show">
							<div class="talkSearch_container">
								<input type="text" name="search" id="searchPerson" placeholder="搜索客户" >
								<svg onclick="searchPerson()" viewBox="64 64 896 896" focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg>
							</div>

							<div class="PrivateChat_contaienr">
								<!--<span>全部私聊信息</span>-->
							</div>
							<ul class="PrivateChat_content" id="privateChatPerson">
								{loop $privateChatPerson as $personid}
									<li onclick="selectPerson('{$personid}')">
										<img src="{$h->get_person_info($personid)['avatar']}">
										<div class="PrivateChat_group_container">
											<p>{$h->get_person_info($personid)['name']}</p>
										</div>
									</li>
								{/loop}
								<!--<li>
									<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">
									<div class="PrivateChat_group_container">
										<p>时刻小程序(微信～抖音～支付宝)</p>
									</div>
								</li>-->
								
								<!-- 暂无数据 没数据显示这个 -->
								{if !count($privateChatPerson)}
								<div class="nonedata_container">
									<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="70" height="70"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
									<p>暂无数据</p>
								</div>
								{/if}
							</ul>
							
						</div>
						<div class="layui-tab-item">
							<div class="talkSearch_container">
								<input type="text" name="search" id="searchGroup" placeholder="搜索群" >
								<svg onclick="searchGroup()" viewBox="64 64 896 896" focusable="false" class="" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg>
							</div>

							<ul class="PrivateChat_content" id="groupChatIds">
								{loop $groupChatIds as $chatid}
									<li onclick="selectGroupChat('{$chatid}')">
										<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/0e614323b28148184ada21a4432e2042.png">
										<div class="PrivateChat_group_container">
											<p>[{$h->get_group_chat_info($chatid)['name']?$h->get_group_chat_info($chatid)['name']:'默认群名'}]</p>
											<h5>群成员：{count(json_decode($h->get_group_chat_info($chatid)['member_list'],1))}</h5>
										</div>
									</li>
								{/loop}
								<!--<li>
									<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/0e614323b28148184ada21a4432e2042.png">
									<div class="PrivateChat_group_container">
										<p>[默认名称]</p>
										<h5>群成员：3</h5>
									</div>
								</li>-->
								<!-- 暂无数据 没数据显示这个 -->
								{if !count($groupChatIds)}
								<div class="nonedata_container">
									<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
									<p>暂无数据</p>
								</div>
								{/if}
							</ul>
							
						</div>
					</div>
				</div>
			</div>
			<!-- 右侧部分 -->
			<div class="conversation_record_container">
				<div class="conversation_recordHeaderTips_container">
					<svg viewBox="64 64 896 896" focusable="false" class="" data-icon="info-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"></path></svg>
					<p>会话存档功能已开启，</p>
					<a href="chat_data_setting.html">点击配置</a>
				</div>
				<div class="layui-tab layui-tab-brief conversation_recordTabs_container">
					<ul class="layui-tab-title conversation_recordTabs_content">
						<li class="layui-this">全部</li>
						<li>文本</li>
						<li>图片</li>
						<li>语音</li>
						<li>视频</li>
						<li>在线文档</li>
						<li>小程序</li>
						<li>文件</li>
						<li>链接</li>
						<li>图文消息</li>
						<li>混合消息</li>
						<li>语音通话</li>
					</ul>
					<div class="conversation_recordButton_container">
						<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="one_week()">近1周</button>
						<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="two_week()">近2周</button>
						<button type="button" class="layui-btn layui-btn-primary layui-btn-xs" onclick="one_month()">近1月</button>
						<div class="layui-inline conversation_recordSelectDate"> <!-- 注意：这一层元素并不是必须的 -->
							<input type="text" class="layui-input" id="test1" value="{$startDate}" placeholder="选择开始日期">
						</div>
						<div class="layui-inline conversation_recordSelectDate"> <!-- 注意：这一层元素并不是必须的 -->
							<input type="text" class="layui-input" id="test2" value="{$endDate}" placeholder="选择结束日期">
						</div>
					</div>
					<div class="layui-tab-content chatRecord_contaienr">
						<div class="layui-tab-item layui-show">
							<ul class="chatRecord_List" id="showAll">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'text'}
									<!-- 文字 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkText_contaienr">
													<p>{$chatData['content']['content']}</p>
												</div>
											</div>
										</div>
									</li>
								{elseif $chatData['msgtype'] == 'image'}
									<!-- 图片 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkXcx_contaienr">
													<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
														<img src="{$chatData['content']['url']}">
													</div>
												</div>
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>
								{elseif $chatData['msgtype'] == 'emotion'}
									<!-- 图片 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkXcx_contaienr">
													<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
														<img src="{$chatData['content']['url']}">
													</div>
												</div>
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>	
								{elseif $chatData['msgtype'] == 'voice'}
									<!-- 语音 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="simple-audio">
												<div class="audio-container">
													<!-- data-src 中放入音频链接即可 音频长度自动生成 -->
													<audio width="1" id="voice{$chatData['id']}" height="1" preload="metadata" data-src="{$chatData['content']['url']}">
														您的浏览器不支持audio标签
													</audio>
													<span class="audio-status"></span>
												</div>
												<span class="audio-time"></span>
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="change_voice({$chatData['id']})">转换</button>
											<p>语音默认为amr格式，需先转换为mp3格式方可播放</p>
										</div>
										
									</li>
								{elseif $chatData['msgtype'] == 'video'}
									<!-- 视频 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkXcx_contaienr">
													<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
														<video controls style="width: 100%;max-height: 400px;">
														<source src="{$chatData['content']['url']}"type="video/mp4"/>
														</video>
													</div>
												</div>
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>
								{elseif $chatData['msgtype'] == 'docmsg'}
									<!-- 在线文档 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<a class="chatRecord_mainTalk_contaienr" href="{$chatData['content']['link_url']}" target="_blank">
												<div class="chatRecord_mainTalkOnlineFile_contaienr">
													<div class="chatRecord_mainTalkOnlineFileInfo_contaienr">
														<span>微文档</span>
													</div>
													<div class="chatRecord_mainTalkOnlineFileIcon_contaienr">
														<span>{$chatData['content']['title']}</span>
														<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/080c5a7598323ac21dde682a1f0b707a.png">
													</div>
												</div>
											</a>
										</div>
									</li>
								{elseif $chatData['msgtype'] == 'weapp'}
									<!-- 小程序 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr" onclick="openWeapp()">
												<div class="chatRecord_mainTalkXcx_contaienr">
													<div class="chatRecord_mainTalkXcxHeader_contaienr">
														<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">
														<span>{$chatData['content']['displayname']}</span>
													</div>
													<p>{$chatData['content']['title']}</p>
													<div class="chatRecord_mainTalkXcxMain_contaienr">
														<img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">
														<svg t="1595346036876" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1158" width="200" height="200"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m256.717 460.186a151.962 151.962 0 0 1-87.347 65.74 83.251 83.251 0 0 1-24.474 4.096 29.082 29.082 0 0 1 0-58.163 15.667 15.667 0 0 0 6.451-1.229 91.443 91.443 0 0 0 55.91-40.96 75.264 75.264 0 0 0 11.06-39.628c0-45.978-42.496-83.866-94.31-83.866a105.267 105.267 0 0 0-51.2 13.414 81.92 81.92 0 0 0-43.725 70.452v244.224a138.445 138.445 0 0 1-72.704 120.422 159.642 159.642 0 0 1-79.77 20.48c-84.378 0-153.6-63.488-153.6-142.029a136.192 136.192 0 0 1 19.763-69.837 151.962 151.962 0 0 1 87.347-65.74 85.914 85.914 0 0 1 24.474-4.096 29.082 29.082 0 1 1 0 58.163 15.667 15.667 0 0 0-6.451 1.229 95.949 95.949 0 0 0-55.91 40.96 75.264 75.264 0 0 0-11.06 39.628c0 45.978 42.496 83.866 94.925 83.866a105.267 105.267 0 0 0 51.2-13.414 81.92 81.92 0 0 0 43.622-70.452V390.35a138.752 138.752 0 0 1 72.807-120.525 151.245 151.245 0 0 1 79.155-21.504c84.378 0 153.6 63.488 153.6 142.029a136.192 136.192 0 0 1-19.763 69.837z" p-id="1159"></path></svg>
													</div>
													<div class="chatRecord_mainTalkXcxfooter_contaienr">
														<span>
															<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/fa03cde29bb6bdba3c5469dde162d45e.png">小程序
														</span>
													</div>
												</div>
											</div>
										</div>
									</li>
								{elseif $chatData['msgtype'] == 'file'}
									<!-- 文件 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<a class="chatRecord_mainTalk_contaienr" href="dum_url-{$chatData['id']}.html" target="_blank">
												<div class="chatRecord_mainTalkFile_contaienr">
													<div class="chatRecord_mainTalkFileInfo_contaienr">
														<span>{$chatData['content']['filename']}</span>
														<span>{$chatData['content']['filesize']}</span>
													</div>
													<div class="chatRecord_mainTalkFileIcon_contaienr">
														<svg t="1595555630856" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2854" width="200" height="200"><path d="M721 87.4H130.6c-11 0-20 9-20 20v856c0 11 9 20 20 20h790c11 0 20-9 20-20V295L721 87.4z m179.6 228.3v621.7c0 3.3-2.7 6-6 6h-738c-3.3 0-6-2.7-6-6v-804c0-3.3 2.7-6 6-6h546.8l197.2 188.3z" fill="#ffffff" p-id="2855"></path><path d="M230.6 603.1h590v40h-590zM230.6 441.6h590v40h-590zM230.6 763.2h590v40h-590zM230.6 268.1h470.5v40H230.6z" fill="#ffffff" p-id="2856"></path></svg>
													</div>
												</div>
											</a>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>
								{elseif $chatData['msgtype'] == 'link'}
									<!-- 链接 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkText_contaienr">
													<p class="chatRecord_mainTalkLink">
														<a href="{$chatData['content']['link_url']}" target="_blank">{$chatData['content']['title']}</a>
													</p>
												</div>
											</div>
										</div>
									</li>
								{elseif $chatData['msgtype'] == 'news'}
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr"  style="padding: 8px 0;">
												<div class="chatRecord_mainTalkOnlineFile_contaienr">
													<div class="chatRecord_mainTalkOnlineFileInfo_contaienr"  style="padding: 0 12px;">
														<span>图文消息</span>
													</div>
													<div class="chatRecord_mainTalkOnlineFileIcon_contaienr"  style="padding: 0 12px;">
														<span>{$chatData['content']['description']}</span>
														<img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1678948314,1083480950&fm=26&gp=0.jpg">
													</div>
													<div class="chatRecord_mainTalkOnlineFileOther_contaienr"  style="padding: 5px 12px 0 12px;">
														<img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2272478076,2858112941&fm=26&gp=0.jpg">
														<p>{$chatData['content']['title']}</p>
													</div>
												</div>
											</div>
										</div>
									</li>
								{elseif $chatData['msgtype'] == 'mixed'}
									<!-- 混合 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												{loop $chatData['content'] as $item}
													{if $item['type'] = 'text'}
														<div class="chatRecord_mainTalkText_contaienr">
															<p>{$item['content']}</p>
														</div>
													{elseif $item['type'] = 'image'}
														<div class="chatRecord_mainTalkXcx_contaienr">
															<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
																<img src="{$item['url']}">
															</div>
														</div>
													{/if}
												{/loop}
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>
								{elseif $chatData['msgtype'] == 'meeting_voice_call'}
									<!-- 语音通话 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="simple-audio">
												<div class="audio-container">
													<!-- data-src 中放入音频链接即可 音频长度自动生成 -->
													<audio width="1" id="" height="1" preload="metadata" data-src="{$chatData['content']['url']}">
														您的浏览器不支持audio标签
													</audio>
													<span class="audio-status"></span>
												</div>
												<span class="audio-time"></span>
											</div>
										</div>
										{if !$chatData['content']}
										<div class="audioOther_contianer">
											<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
										</div>
										{/if}
									</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 文本 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showText">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'text'}
									<!-- 文字 -->
									<li>
										<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
										<div class="chatRecord_main_contaienr">
											<div class="chatRecord_mainHeader_contaienr">
												<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
											</div>
											<div class="chatRecord_mainTalk_contaienr">
												<div class="chatRecord_mainTalkText_contaienr">
													<p>{$chatData['content']['content']}</p>
												</div>
											</div>
										</div>
									</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 图片 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showImage">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'image'}
								<!-- 图片 -->
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr">
											<div class="chatRecord_mainTalkXcx_contaienr">
												<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
													<img src="{$chatData['content']['url']}">
												</div>
											</div>
										</div>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
								</li>s
								{/if}
							 {/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 语音 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showVoice">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'voice'}
								<!-- 语音 -->
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="simple-audio">
											<div class="audio-container">
												<!-- data-src 中放入音频链接即可 音频长度自动生成 -->
												<audio width="1" id="voice{$chatData['id']}" height="1" preload="metadata" data-src="{$chatData['content']['url']}" data-type="audio/mpeg">
													您的浏览器不支持audio标签
												</audio>
												<span class="audio-status"></span>
											</div>
											<span class="audio-time"></span>
										</div>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
									<div class="audioOther_contianer">
									<button class="audioButton_h" onclick="change_voice({$chatData['id']})">转换</button>
									<p>语音默认为amr格式，需先转换为mp3格式方可播放</p >
									</div>
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 视频 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showVideo">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'video'}
								<!-- 视频 -->
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr">
											<div class="chatRecord_mainTalkXcx_contaienr">
												<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
													<video controls style="width: 100%;max-height: 400px;">
													<source src="{$chatData['content']['url']}"type="video/mp4"/>
													</video>
												</div>
											</div>
										</div>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 在线文档  -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showDocmsg">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'docmsg'}
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<a class="chatRecord_mainTalk_contaienr" href="{$chatData['content']['link_url']}" target="_blank">
											<div class="chatRecord_mainTalkOnlineFile_contaienr">
												<div class="chatRecord_mainTalkOnlineFileInfo_contaienr">
													<span>微文档</span>
												</div>
												<div class="chatRecord_mainTalkOnlineFileIcon_contaienr">
													<span>{$chatData['content']['title']}</span>
													<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/080c5a7598323ac21dde682a1f0b707a.png">
												</div>
											</div>
										</a>
									</div>
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 小程序 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showWeapp">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'weapp'}
								<!-- 小程序 -->
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
												<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr" onclick="openWeapp()">
											<div class="chatRecord_mainTalkXcx_contaienr">
												<div class="chatRecord_mainTalkXcxHeader_contaienr">
													<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">
													<span>{$chatData['content']['displayname']}</span>
												</div>
												<p>{$chatData['content']['title']}</p>
												<div class="chatRecord_mainTalkXcxMain_contaienr">
													<img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">
													<svg t="1595346036876" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1158" width="200" height="200"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m256.717 460.186a151.962 151.962 0 0 1-87.347 65.74 83.251 83.251 0 0 1-24.474 4.096 29.082 29.082 0 0 1 0-58.163 15.667 15.667 0 0 0 6.451-1.229 91.443 91.443 0 0 0 55.91-40.96 75.264 75.264 0 0 0 11.06-39.628c0-45.978-42.496-83.866-94.31-83.866a105.267 105.267 0 0 0-51.2 13.414 81.92 81.92 0 0 0-43.725 70.452v244.224a138.445 138.445 0 0 1-72.704 120.422 159.642 159.642 0 0 1-79.77 20.48c-84.378 0-153.6-63.488-153.6-142.029a136.192 136.192 0 0 1 19.763-69.837 151.962 151.962 0 0 1 87.347-65.74 85.914 85.914 0 0 1 24.474-4.096 29.082 29.082 0 1 1 0 58.163 15.667 15.667 0 0 0-6.451 1.229 95.949 95.949 0 0 0-55.91 40.96 75.264 75.264 0 0 0-11.06 39.628c0 45.978 42.496 83.866 94.925 83.866a105.267 105.267 0 0 0 51.2-13.414 81.92 81.92 0 0 0 43.622-70.452V390.35a138.752 138.752 0 0 1 72.807-120.525 151.245 151.245 0 0 1 79.155-21.504c84.378 0 153.6 63.488 153.6 142.029a136.192 136.192 0 0 1-19.763 69.837z" p-id="1159"></path></svg>
												</div>
												<div class="chatRecord_mainTalkXcxfooter_contaienr">
													<span>
														<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/fa03cde29bb6bdba3c5469dde162d45e.png">小程序
													</span>
												</div>
											</div>
										</div>
									</div>
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 文件 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showFile">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'file'}
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<a class="chatRecord_mainTalk_contaienr" href="dum_url-{$chatData['id']}.html" target="_blank">
											<div class="chatRecord_mainTalkFile_contaienr">
												<div class="chatRecord_mainTalkFileInfo_contaienr">
													<span>{$chatData['content']['filename']}</span>
													<span>{$chatData['content']['filesize']}</span>
												</div>
												<div class="chatRecord_mainTalkFileIcon_contaienr">
													<svg t="1595555630856" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2854" width="200" height="200"><path d="M721 87.4H130.6c-11 0-20 9-20 20v856c0 11 9 20 20 20h790c11 0 20-9 20-20V295L721 87.4z m179.6 228.3v621.7c0 3.3-2.7 6-6 6h-738c-3.3 0-6-2.7-6-6v-804c0-3.3 2.7-6 6-6h546.8l197.2 188.3z" fill="#ffffff" p-id="2855"></path><path d="M230.6 603.1h590v40h-590zM230.6 441.6h590v40h-590zM230.6 763.2h590v40h-590zM230.6 268.1h470.5v40H230.6z" fill="#ffffff" p-id="2856"></path></svg>
												</div>
											</div>
										</a>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 链接 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showLink">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'link'}
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr">
											<div class="chatRecord_mainTalkText_contaienr">
												<p class="chatRecord_mainTalkLink">
													<a href="{$chatData['content']['link_url']}" target="_blank">{$chatData['content']['title']}</a>
												</p>
											</div>
										</div>
									</div>
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 图文 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showNews">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'news'}
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr"  style="padding: 8px 0;">
											<div class="chatRecord_mainTalkOnlineFile_contaienr">
												<div class="chatRecord_mainTalkOnlineFileInfo_contaienr"  style="padding: 0 12px;">
													<span>图文消息</span>
												</div>
												<div class="chatRecord_mainTalkOnlineFileIcon_contaienr"  style="padding: 0 12px;">
													<span>{$chatData['content']['description']}</span>
													<img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1678948314,1083480950&fm=26&gp=0.jpg">
												</div>
												<div class="chatRecord_mainTalkOnlineFileOther_contaienr"  style="padding: 5px 12px 0 12px;">
													<img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2272478076,2858112941&fm=26&gp=0.jpg">
													<p>{$chatData['content']['title']}</p>
												</div>
											</div>
										</div>
									</div>
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 混合 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showMixed">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'mixed'}
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="chatRecord_mainTalk_contaienr">
											<div class="chatRecord_mainTalkXcx_contaienr">
												{loop $chatData['content'] as $item}
													{if $item['type'] = 'text'}
														<div class="chatRecord_mainTalkText_contaienr">
															<p>{$item['content']}</p>
														</div>
													{elseif $item['type'] = 'image'}
														<div class="chatRecord_mainTalkXcx_contaienr">
															<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">
																<img src="{$item['url']}">
															</div>
														</div>
													{/if}
												{/loop}
											</div>
										</div>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
						<!-- 语音通话 -->
						<div class="layui-tab-item">
							<ul class="chatRecord_List" id="showMeetingVoiceCall">
							{loop $chatDataList as $chatData}
								{if $chatData['msgtype'] == 'meeting_voice_call'}
								<!-- 语音 -->
								<li>
									<img class="chatRecord_headImg" src="{$h->get_person_info($chatData['fromid'])['avatar']}">
									<div class="chatRecord_main_contaienr">
										<div class="chatRecord_mainHeader_contaienr">
											<p>{$h->get_person_info($chatData['fromid'])['name']}</p>
											<p>{date('Y-m-d H:i:s',$chatData['msgtimes'])}</p>
										</div>
										<div class="simple-audio">
											<div class="audio-container">
												<!-- data-src 中放入音频链接即可 音频长度自动生成 -->
												<audio width="1" id="" height="1" preload="metadata" data-src="{$chatData['content']['url']}" data-type="audio/mpeg">
													您的浏览器不支持audio标签
												</audio>
												<span class="audio-status"></span>
											</div>
											<span class="audio-time"></span>
										</div>
									</div>
									{if !$chatData['content']}
									<div class="audioOther_contianer">
										<button class="audioButton_h" onclick="update_data({$chatData['id']})">更新</button>
									</div>
									{/if}
								</li>
								{/if}
							{/loop}
							</ul>
							<!-- 暂无数据 没数据显示这个 -->
							<!--<div class="nonedata_container">
								<svg t="1595573955257" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1402" width="100" height="100"><path d="M831.7 369.4H193.6L64 602v290.3h897.2V602L831.7 369.4zM626.6 604.6c0 62.9-51 113.9-114 113.9s-114-51-114-113.9H117.5l103.8-198h582.5l103.8 198h-281zM502.2 131h39.1v140.6h-39.1zM236.855 200.802l27.647-27.647 99.419 99.418-27.648 27.648zM667.547 272.637l99.418-99.419 27.648 27.648-99.418 99.418z" p-id="1403" fill="#e6e6e6"></path></svg>
								<p>暂无数据</p>
							</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>
	<script type="text/javascript">
		$("#closeTips").click(function(){
			$('.public_tipSetting_contaienr').hide();
			$('.conversation_container').css('height','100%');
		})
	</script>
	<script>
		function searchUser(){
			var name = $('#searchUser').val();
			$('#qyUser').empty();
			myAjaxPost(false, true, 'search_user.html', { name:name}, function (resp) {
				if (resp.status == 'success') {
					var userList = resp.data.userList?resp.data.userList:[];
					var html = '';
					for(i = 0; i < userList.length; i++){
						html += '<li onclick="selectUser('+"'"+userList[i].userid+"'"+')">';
						html += '<img src="'+userList[i].avatar+'">';
						html += '<div class="PrivateChat_group_container selectUser_PrivateChat_group_container">';
						html += '<p>'+userList[i].name+'</p>';
						html += '<h5>'+userList[i].userid+'</h5>';
						html += '</div>';
						html += '</li>';
					}
					$('#qyUser').append(html);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
		
		function searchPerson(){
			var name = $('#searchPerson').val();
			var userid = $('#selectedUser').val();
			$('#privateChatPerson').empty();
			myAjaxPost(false, true, 'search_person.html', { name:name,userid:userid}, function (resp) {
				if (resp.status == 'success') {
					var personList = resp.data.personList?resp.data.personList:[];
					var html = '';
					for(i = 0; i < personList.length; i++){
						html += '<li onclick="selectPerson('+"'"+personList[i].personid+"'"+')">';
						html += '<img src="'+personList[i].avatar+'">';
						html += '<div class="PrivateChat_group_container">';
						html += '<p>'+personList[i].name+'</p>';
						html += '</div>';
						html += '</li>';
					}
					$('#privateChatPerson').append(html);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
		
		function searchGroup(){
			var name = $('#searchGroup').val();
			var userid = $('#selectedUser').val();
			$('#groupChatIds').empty();
			myAjaxPost(false, true, 'search_group.html', { name:name,userid:userid}, function (resp) {
				if (resp.status == 'success') {
					var groupList = resp.data.groupList?resp.data.groupList:[];
					var html = '';
					for(i = 0; i < groupList.length; i++){
						html += '<li onclick="selectGroupChat('+"'"+groupList[i].chatid+"'"+')">';
						html += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/0e614323b28148184ada21a4432e2042.png">';
						html += '<div class="PrivateChat_group_container">';
						html += '<p>';
						html += '['+groupList[i].name+']';
						html += '</p>';
						html += '<h5>群成员：'+groupList[i].num+'</h5>';
						html += '</div></li>';
					}
					$('#groupChatIds').append(html);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
	
		function selectUser(userid){
			$('#selectedUser').val(userid);
			var chatType = $('#selectedType').val();
			var startDate = $('#test1').val();
			var endDate = $('#test2').val();
			myAjaxPost(false, true, 'select_user.html', { userid:userid,chatType:chatType,startDate:startDate,endDate:endDate}, function (resp) {
				if (resp.status == 'success') {
					$('#selectedPerson').val(resp.data.selectedPerson);
					$('#selectedGroup').val(resp.data.selectedGroup);
					var privateChatPerson = resp.data.privateChatPerson?resp.data.privateChatPerson:[];
					var groupChatIds = resp.data.groupChatIds?resp.data.groupChatIds:[];
					var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
					$('#privateChatPerson').empty();
					var html = '';
					for(i = 0; i < privateChatPerson.length; i++) {
						html += '<li onclick="selectPerson('+"'"+privateChatPerson[i].personid+"'"+')">';
						html += '<img src="'+privateChatPerson[i].avatar+'">';
						html += '<div class="PrivateChat_group_container">';
						html += '<p>'+privateChatPerson[i].name+'</p>';
						html += '</div>';
						html += '</li>';
					}
					$('#privateChatPerson').append(html);
					$('#groupChatIds').empty();
					var htmlt = '';
					for(i = 0; i < groupChatIds.length; i++) {
						htmlt += '<li onclick="selectGroupChat('+"'"+groupChatIds[i].chatid+"'"+')">';
						htmlt += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/0e614323b28148184ada21a4432e2042.png">';
						htmlt += '<div class="PrivateChat_group_container">';
						htmlt += '<p>['+groupChatIds[i].name+']</p>';
						htmlt += '<h5>群成员：'+groupChatIds[i].num+'</h5>';
						htmlt += '</div>';
						htmlt += '</li>';
					}
					$('#groupChatIds').append(htmlt);
					showChatData(chatDataList);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
		
		function selectPerson(personid){
			$('#selectedPerson').val(personid);
			var userid = $('#selectedUser').val();
			var startDate = $('#test1').val();
			var endDate = $('#test2').val();
			myAjaxPost(false, true, 'select_person.html', { userid:userid,personid:personid,startDate:startDate,endDate:endDate}, function (resp) {
				if (resp.status == 'success') {
					var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
					showChatData(chatDataList);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
		
		function selectGroupChat(chatid){
			$('#selectedGroup').val(chatid);
			var startDate = $('#test1').val();
			var endDate = $('#test2').val();
			myAjaxPost(false, true, 'select_group_chat.html', { chatid:chatid,startDate:startDate,endDate:endDate}, function (resp) {
				if (resp.status == 'success') {
					var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
					showChatData(chatDataList);
				}else{
					layer.msg(resp.msg);
				}
			});
		}
		
		function showChatData(chatDataList){
			//console.log(chatDataList);
			$('#showAll').empty();
			var htmlAll = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'text'){
					var textContent = chatDataList[i].content?chatDataList[i].content.content:"";
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkText_contaienr">';
					htmlAll += '<p>'+textContent+'</p>';
					htmlAll += '</div></div></div>';
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'image'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
					htmlAll += '<img src="'+chatDataList[i].content.url+'">';
					htmlAll += '</div>';
					htmlAll += '</div></div></div>';
					if(chatDataList[i].content.length == 0){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'emotion'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
					htmlAll += '<img src="'+chatDataList[i].content.url+'">';
					htmlAll += '</div>';
					htmlAll += '</div></div></div>';
					if(chatDataList[i].content.length == 0){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'voice'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="simple-audio">';
					htmlAll += '<div class="audio-container">';
					htmlAll += '<audio width="1" id="voice'+chatDataList[i].id+'" height="1" preload="metadata" data-src="'+chatDataList[i].content.url+'">';
					htmlAll += '您的浏览器不支持audio标签';
					htmlAll += '</audio>';
					htmlAll += '<span class="audio-status"></span>';
					htmlAll += '</div>';
					htmlAll += '<span class="audio-time"></span>';
					htmlAll += '</div></div>';
					if(chatDataList[i].content.length == 0){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '<div class="audioOther_contianer">';
					htmlAll += '<button class="audioButton_h" onclick="change_voice('+chatDataList[i].id+')">转换</button>';
					htmlAll += '<p>语音默认为amr格式，需先转换为mp3格式方可播放</p >';
					htmlAll += '</div>';
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'video'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
					htmlAll += '<video controls style="width: 100%;max-height: 400px;">';
					htmlAll += '<source src="'+chatDataList[i].content.url+'"type="video/mp4"/>';
					htmlAll += '</video>';
					htmlAll += '</div></div></div></div>';
					if(!chatDataList[i].content){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'docmsg'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<a class="chatRecord_mainTalk_contaienr" href="'+chatDataList[i].content.link_url+'" target="_blank">';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFile_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFileInfo_contaienr">';
					htmlAll += '<span>微文档</span>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFileIcon_contaienr">';
					htmlAll += '<span>'+chatDataList[i].content.title+'</span>';
					htmlAll += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/080c5a7598323ac21dde682a1f0b707a.png">';
					htmlAll += '</div></div></a></div>';
					if(!chatDataList[i].content){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'weapp'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr" onclick="openWeapp()">';
					htmlAll += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkXcxHeader_contaienr">';
					htmlAll += '<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">';
					htmlAll += '<span>'+chatDataList[i].content.displayname+'</span>';
					htmlAll += '</div>';
					htmlAll += '<p>'+chatDataList[i].content.title+'</p>';
					htmlAll += '<div class="chatRecord_mainTalkXcxMain_contaienr">';
					htmlAll += '<img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">';
					htmlAll += '<svg t="1595346036876" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1158" width="200" height="200"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m256.717 460.186a151.962 151.962 0 0 1-87.347 65.74 83.251 83.251 0 0 1-24.474 4.096 29.082 29.082 0 0 1 0-58.163 15.667 15.667 0 0 0 6.451-1.229 91.443 91.443 0 0 0 55.91-40.96 75.264 75.264 0 0 0 11.06-39.628c0-45.978-42.496-83.866-94.31-83.866a105.267 105.267 0 0 0-51.2 13.414 81.92 81.92 0 0 0-43.725 70.452v244.224a138.445 138.445 0 0 1-72.704 120.422 159.642 159.642 0 0 1-79.77 20.48c-84.378 0-153.6-63.488-153.6-142.029a136.192 136.192 0 0 1 19.763-69.837 151.962 151.962 0 0 1 87.347-65.74 85.914 85.914 0 0 1 24.474-4.096 29.082 29.082 0 1 1 0 58.163 15.667 15.667 0 0 0-6.451 1.229 95.949 95.949 0 0 0-55.91 40.96 75.264 75.264 0 0 0-11.06 39.628c0 45.978 42.496 83.866 94.925 83.866a105.267 105.267 0 0 0 51.2-13.414 81.92 81.92 0 0 0 43.622-70.452V390.35a138.752 138.752 0 0 1 72.807-120.525 151.245 151.245 0 0 1 79.155-21.504c84.378 0 153.6 63.488 153.6 142.029a136.192 136.192 0 0 1-19.763 69.837z" p-id="1159"></path></svg>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalkXcxfooter_contaienr">';
					htmlAll += '<span>';
					htmlAll += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/fa03cde29bb6bdba3c5469dde162d45e.png">小程序';
					htmlAll += '</span>';
					htmlAll += '</div></div></div></div>';
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'file'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<a class="chatRecord_mainTalk_contaienr" href="dum_url-'+chatDataList[i].id+'.html" target="_blank">';
					htmlAll += '<div class="chatRecord_mainTalkFile_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkFileInfo_contaienr">';
					htmlAll += '<span>'+chatDataList[i].content.filename+'</span>';
					htmlAll += '<span>'+chatDataList[i].content.filesize+'</span>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalkFileIcon_contaienr">';
					htmlAll += '<svg t="1595555630856" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2854" width="200" height="200"><path d="M721 87.4H130.6c-11 0-20 9-20 20v856c0 11 9 20 20 20h790c11 0 20-9 20-20V295L721 87.4z m179.6 228.3v621.7c0 3.3-2.7 6-6 6h-738c-3.3 0-6-2.7-6-6v-804c0-3.3 2.7-6 6-6h546.8l197.2 188.3z" fill="#ffffff" p-id="2855"></path><path d="M230.6 603.1h590v40h-590zM230.6 441.6h590v40h-590zM230.6 763.2h590v40h-590zM230.6 268.1h470.5v40H230.6z" fill="#ffffff" p-id="2856"></path></svg>';
					htmlAll += '</div></div></a></div>';
					if(!chatDataList[i].content){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'link' && chatDataList[i].content){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkText_contaienr">';
					htmlAll += '<p class="chatRecord_mainTalkLink">';
					htmlAll += '<a href="'+chatDataList[i].content.link_url+'" target="_blank">'+chatDataList[i].content.title+'</a>';
					htmlAll += '</p>';
					htmlAll += '</div></div></div>';
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'news'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr"  style="padding: 8px 0;">';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFile_contaienr">';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFileInfo_contaienr"  style="padding: 0 12px;">';
					htmlAll += '<span>图文消息</span>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFileIcon_contaienr"  style="padding: 0 12px;">';
					htmlAll += '<span>'+chatDataList[i].content.description+'</span>';
					htmlAll += '<img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1678948314,1083480950&fm=26&gp=0.jpg">';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalkOnlineFileOther_contaienr"  style="padding: 5px 12px 0 12px;">';
					htmlAll += '<img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2272478076,2858112941&fm=26&gp=0.jpg">';
					htmlAll += '<p>'+chatDataList[i].content.title+'</p>';
					htmlAll += '</div></div></div></div>';
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'mixed'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="chatRecord_mainTalk_contaienr">';
					for(j = 0; j < chatDataList[i].content.length; j++){
						if(chatDataList[i].content[j].type == 'text'){
							htmlAll += '<div class="chatRecord_mainTalkText_contaienr">';
							htmlAll += '<p>'+chatDataList[i].content[j].content+'</p>';
							htmlAll += '</div>';
						}else if(chatDataList[i].content[j].type == 'image'){
							htmlAll += '<div class="chatRecord_mainTalkXcx_contaienr">';
							htmlAll += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
							htmlAll += '<img src="'+chatDataList[i].content[j].url+'">';
							htmlAll += '</div></div>';
						}
					}
					htmlAll += '</div></div>';
					if(!chatDataList[i].content){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}else if(chatDataList[i].msgtype == 'meeting_voice_call'){
					htmlAll += '<li>';
					htmlAll += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlAll += '<div class="chatRecord_main_contaienr">';
					htmlAll += '<div class="chatRecord_mainHeader_contaienr">';
					htmlAll += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlAll += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlAll += '</div>';
					htmlAll += '<div class="simple-audio">';
					htmlAll += '<div class="audio-container">';
					htmlAll += '<audio width="1" id="" height="1" preload="metadata" data-src="'+chatDataList[i].content.url+'">';
					htmlAll += '您的浏览器不支持audio标签';
					htmlAll += '</audio>';
					htmlAll += '<span class="audio-status"></span>';
					htmlAll += '</div>';
					htmlAll += '<span class="audio-time"></span>';
					htmlAll += '</div></div>';
					if(!chatDataList[i].content){
						htmlAll += '<div class="audioOther_contianer">';
						htmlAll +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlAll +=	'</div>';
					}
					htmlAll += '</li>';
				}
			}
			$('#showAll').append(htmlAll);
			
			$('#showText').empty();
			var htmlText = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'text'){
					var textContent = chatDataList[i].content?chatDataList[i].content.content:"";
					htmlText += '<li>';
					htmlText += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlText += '<div class="chatRecord_main_contaienr">';
					htmlText += '<div class="chatRecord_mainHeader_contaienr">';
					htmlText += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlText += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlText += '</div>';
					htmlText += '<div class="chatRecord_mainTalk_contaienr">';
					htmlText += '<div class="chatRecord_mainTalkText_contaienr">';
					htmlText += '<p>'+textContent+'</p>';
					htmlText += '</div></div></div>';
					htmlText += '</li>';
				}
			}
			$('#showText').append(htmlText);
			
			$('#showImage').empty();
			var htmlImage = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'image'){
					htmlImage += '<li>';
					htmlImage += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlImage += '<div class="chatRecord_main_contaienr">';
					htmlImage += '<div class="chatRecord_mainHeader_contaienr">';
					htmlImage += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlImage += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlImage += '</div>';
					htmlImage += '<div class="chatRecord_mainTalk_contaienr">';
					htmlImage += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlImage += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
					htmlImage += '<img src="'+chatDataList[i].content.url+'">';
					htmlImage += '</div></div></div></div>';
					if(chatDataList[i].content.length == 0){
						htmlImage += '<div class="audioOther_contianer">';
						htmlImage +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlImage +=	'</div>';
					}
					htmlImage += '</li>';
				}
			}
			$('#showImage').append(htmlImage);
			
			$('#showVoice').empty();
			var htmlVoice = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'voice'){
					htmlVoice += '<li>';
					htmlVoice += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlVoice += '<div class="chatRecord_main_contaienr">';
					htmlVoice += '<div class="chatRecord_mainHeader_contaienr">';
					htmlVoice += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlVoice += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlVoice += '</div>';
					htmlVoice += '<div class="simple-audio">';
					htmlVoice += '<div class="audio-container">';
					htmlVoice += '<audio width="1" height="1" id="voice'+chatDataList[i].id+'" preload="metadata" data-src="'+chatDataList[i].content.url+'" data-type="audio/mpeg">';
					htmlVoice += '您的浏览器不支持audio标签';
					htmlVoice += '</audio>';
					htmlVoice += '<span class="audio-status"></span>';
					htmlVoice += '</div>';
					htmlVoice += '<span class="audio-time"></span>';
					htmlVoice += '</div></div>';
					if(!chatDataList[i].content){
						htmlVoice += '<div class="audioOther_contianer">';
						htmlVoice +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlVoice +=	'</div>';
					}
					htmlVoice += '<div class="audioOther_contianer">';
					htmlVoice += '<button class="audioButton_h" onclick="change_voice('+chatDataList[i].id+')">转换</button>';
					htmlVoice += '<p>语音默认为amr格式，需先转换为mp3格式方可播放</p >';
					htmlVoice += '</div>';
					htmlVoice += '</li>';
				}
			}
			$('#showVoice').append(htmlVoice);
			
			$('#showVideo').empty();
			var htmlVideo = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'video'){
					htmlVideo += '<li>';
					htmlVideo += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlVideo += '<div class="chatRecord_main_contaienr">';
					htmlVideo += '<div class="chatRecord_mainHeader_contaienr">';
					htmlVideo += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlVideo += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlVideo += '</div>';
					htmlVideo += '<div class="chatRecord_mainTalk_contaienr">';
					htmlVideo += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlVideo += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
					htmlVideo += '<video controls style="width: 100%;max-height: 400px;">';
					htmlVideo += '<source src="'+chatDataList[i].content.url+'"type="video/mp4"/>';
					htmlVideo += '</video>';
					htmlVideo += '</div></div></div></div>';
					if(chatDataList[i].content.length == 0){
						htmlVideo += '<div class="audioOther_contianer">';
						htmlVideo +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlVideo +=	'</div>';
					}
					htmlVideo += '</li>';
				}
			}
			$('#showVideo').append(htmlVideo);
			
			$('#showDocmsg').empty();
			var htmlDocmsg = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'docmsg'){
					htmlDocmsg += '<li>';
					htmlDocmsg += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlDocmsg += '<div class="chatRecord_main_contaienr">';
					htmlDocmsg += '<div class="chatRecord_mainHeader_contaienr">';
					htmlDocmsg += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlDocmsg += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlDocmsg += '</div>';
					htmlDocmsg += '<a class="chatRecord_mainTalk_contaienr" href="'+chatDataList[i].content.link_url+'" target="_blank">';
					htmlDocmsg += '<div class="chatRecord_mainTalkOnlineFile_contaienr">';
					htmlDocmsg += '<div class="chatRecord_mainTalkOnlineFileInfo_contaienr">';
					htmlDocmsg += '<span>微文档</span>';
					htmlDocmsg += '</div>';
					htmlDocmsg += '<div class="chatRecord_mainTalkOnlineFileIcon_contaienr">';
					htmlDocmsg += '<span>'+chatDataList[i].content.title+'</span>';
					htmlDocmsg += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/080c5a7598323ac21dde682a1f0b707a.png">';
					htmlDocmsg += '</div></div></a></div></li>';
				}
			}
			$('#showDocmsg').append(htmlDocmsg);
			
			$('#showWeapp').empty();
			var htmlWeapp = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'weapp'){
					htmlWeapp += '<li>';
					htmlWeapp += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlWeapp += '<div class="chatRecord_main_contaienr">';
					htmlWeapp += '<div class="chatRecord_mainHeader_contaienr">';
					htmlWeapp += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlWeapp += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlWeapp += '</div>';
					htmlWeapp += '<div class="chatRecord_mainTalk_contaienr" onclick="openWeapp()">';
					htmlWeapp += '<div class="chatRecord_mainTalkXcx_contaienr">';
					htmlWeapp += '<div class="chatRecord_mainTalkXcxHeader_contaienr">';
					htmlWeapp += '<img src="http://wx.qlogo.cn/mmhead/aCG5aJsiahwwERmJfPyIkibDhumk4fryDlhFBxjLYbIEQ/0">';
					htmlWeapp += '<span>'+chatDataList[i].content.displayname+'</span>';
					htmlWeapp += '</div>';
					htmlWeapp += '<p>'+chatDataList[i].content.title+'</p>';
					htmlWeapp += '<div class="chatRecord_mainTalkXcxMain_contaienr">';
					htmlWeapp += '<img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">';
					htmlWeapp += '<svg t="1595346036876" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1158" width="200" height="200"><path d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m256.717 460.186a151.962 151.962 0 0 1-87.347 65.74 83.251 83.251 0 0 1-24.474 4.096 29.082 29.082 0 0 1 0-58.163 15.667 15.667 0 0 0 6.451-1.229 91.443 91.443 0 0 0 55.91-40.96 75.264 75.264 0 0 0 11.06-39.628c0-45.978-42.496-83.866-94.31-83.866a105.267 105.267 0 0 0-51.2 13.414 81.92 81.92 0 0 0-43.725 70.452v244.224a138.445 138.445 0 0 1-72.704 120.422 159.642 159.642 0 0 1-79.77 20.48c-84.378 0-153.6-63.488-153.6-142.029a136.192 136.192 0 0 1 19.763-69.837 151.962 151.962 0 0 1 87.347-65.74 85.914 85.914 0 0 1 24.474-4.096 29.082 29.082 0 1 1 0 58.163 15.667 15.667 0 0 0-6.451 1.229 95.949 95.949 0 0 0-55.91 40.96 75.264 75.264 0 0 0-11.06 39.628c0 45.978 42.496 83.866 94.925 83.866a105.267 105.267 0 0 0 51.2-13.414 81.92 81.92 0 0 0 43.622-70.452V390.35a138.752 138.752 0 0 1 72.807-120.525 151.245 151.245 0 0 1 79.155-21.504c84.378 0 153.6 63.488 153.6 142.029a136.192 136.192 0 0 1-19.763 69.837z" p-id="1159"></path></svg>';
					htmlWeapp += '</div>';
					htmlWeapp += '<div class="chatRecord_mainTalkXcxfooter_contaienr">';
					htmlWeapp += '<span>';
					htmlWeapp += '<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/fa03cde29bb6bdba3c5469dde162d45e.png">小程序';
					htmlWeapp += '</span>';
					htmlWeapp += '</div></div></div></div></li>';
				}
			}
			$('#showWeapp').append(htmlWeapp);
			
			$('#showFile').empty();
			var htmlFile = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'file'){
					htmlFile += '<li>';
					htmlFile += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlFile += '<div class="chatRecord_main_contaienr">';
					htmlFile += '<div class="chatRecord_mainHeader_contaienr">';
					htmlFile += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlFile += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlFile += '</div>';
					htmlFile += '<a class="chatRecord_mainTalk_contaienr" href="dum_url-'+chatDataList[i].id+'.html" target="_blank">';
					htmlFile += '<div class="chatRecord_mainTalkFile_contaienr">';
					htmlFile += '<div class="chatRecord_mainTalkFileInfo_contaienr">';
					htmlFile += '<span>'+chatDataList[i].content.filename+'</span>';
					htmlFile += '<span>'+chatDataList[i].content.filesize+'</span>';
					htmlFile += '</div>';
					htmlFile += '<div class="chatRecord_mainTalkFileIcon_contaienr">';
					htmlFile += '<svg t="1595555630856" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2854" width="200" height="200"><path d="M721 87.4H130.6c-11 0-20 9-20 20v856c0 11 9 20 20 20h790c11 0 20-9 20-20V295L721 87.4z m179.6 228.3v621.7c0 3.3-2.7 6-6 6h-738c-3.3 0-6-2.7-6-6v-804c0-3.3 2.7-6 6-6h546.8l197.2 188.3z" fill="#ffffff" p-id="2855"></path><path d="M230.6 603.1h590v40h-590zM230.6 441.6h590v40h-590zM230.6 763.2h590v40h-590zM230.6 268.1h470.5v40H230.6z" fill="#ffffff" p-id="2856"></path></svg>';
					htmlFile += '</div></div></a></div>';
					if(chatDataList[i].content.length == 0){
						htmlFile += '<div class="audioOther_contianer">';
						htmlFile +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlFile +=	'</div>';
					}
					htmlFile += '</li>';
				}
			}
			$('#showFile').append(htmlFile);
			
			$('#showLink').empty();
			var htmlLink = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'link' && chatDataList[i].content){
					htmlLink += '<li>';
					htmlLink += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlLink += '<div class="chatRecord_main_contaienr">';
					htmlLink += '<div class="chatRecord_mainHeader_contaienr">';
					htmlLink += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlLink += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlLink += '</div>';
					htmlLink += '<div class="chatRecord_mainTalk_contaienr">';	
					htmlLink += '<div class="chatRecord_mainTalkText_contaienr">';	
					htmlLink += '<p class="chatRecord_mainTalkLink">';	
					htmlLink += '<a href="'+chatDataList[i].content.link_url+'" target="_blank">'+chatDataList[i].content.title+'</a>';	
					htmlLink += '</p></div></div></div></li>';	
				}
			}
			$('#showLink').append(htmlLink);
			
			$('#showNews').empty();
			var htmlNews = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'news'){
					htmlNews += '<li>';
					htmlNews += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlNews += '<div class="chatRecord_main_contaienr">';
					htmlNews += '<div class="chatRecord_mainHeader_contaienr">';
					htmlNews += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlNews += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlNews += '</div>';
					htmlNews += '<div class="chatRecord_mainTalk_contaienr"  style="padding: 8px 0;">';				
					htmlNews += '<div class="chatRecord_mainTalkOnlineFile_contaienr">';				
					htmlNews += '<div class="chatRecord_mainTalkOnlineFileInfo_contaienr"  style="padding: 0 12px;">';				
					htmlNews += '<span>图文消息</span>';				
					htmlNews += '</div>';				
					htmlNews += '<div class="chatRecord_mainTalkOnlineFileIcon_contaienr"  style="padding: 0 12px;">';				
					htmlNews += '<span>'+chatDataList[i].content.description+'</span>';				
					htmlNews += '<img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1678948314,1083480950&fm=26&gp=0.jpg">';				
					htmlNews += '</div>';				
					htmlNews += '<div class="chatRecord_mainTalkOnlineFileOther_contaienr"  style="padding: 5px 12px 0 12px;">';				
					htmlNews += '<img src="https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2272478076,2858112941&fm=26&gp=0.jpg">';				
					htmlNews += '<p>'+chatDataList[i].content.title+'</p>';				
					htmlNews += '</div></div></div></div></li>';							
				}
			}
			$('#showNews').append(htmlNews);
			
			$('#showMixed').empty();
			var htmlMixed = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'mixed'){
					htmlMixed += '<li>';
					htmlMixed += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					htmlMixed += '<div class="chatRecord_main_contaienr">';
					htmlMixed += '<div class="chatRecord_mainHeader_contaienr">';
					htmlMixed += '<p>'+chatDataList[i].fromid.name+'</p>';
					htmlMixed += '<p>'+chatDataList[i].msgtimes+'</p>';
					htmlMixed += '</div>';
					htmlMixed += '<div class="chatRecord_mainTalk_contaienr">';
					htmlMixed += '<div class="chatRecord_mainTalkXcx_contaienr">';
					for(j = 0; j < chatDataList[i].content.length; j++){
						if(chatDataList[i].content[j].type == 'text'){
							htmlMixed += '<div class="chatRecord_mainTalkText_contaienr">';
							htmlMixed += '<p>'+chatDataList[i].content[j].content+'</p>';
							htmlMixed += '</div>';
						}else if(chatDataList[i].content[j].type == 'image'){
							htmlMixed += '<div class="chatRecord_mainTalkXcx_contaienr">';
							htmlMixed += '<div class="chatRecord_mainTalkXcxMain_contaienr" style="margin: 3px 0;">';
							htmlMixed += '<img src="'+chatDataList[i].content[j].url+'">';
							htmlMixed += '</div></div>';
						}
					}
					htmlMixed += '</div></div></div>';
					if(chatDataList[i].content.length == 0){
						htmlMixed += '<div class="audioOther_contianer">';
						htmlMixed +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						htmlMixed +=	'</div>';
					}
					htmlMixed += '</li>';
				}
			}
			$('#showMixed').append(htmlMixed);

			$('#showMeetingVoiceCall').empty();
			var MeetingVoiceCall = '';
			for(i = 0; i < chatDataList.length; i++) {
				if(chatDataList[i].msgtype == 'meeting_voice_call'){
					MeetingVoiceCall += '<li>';
					MeetingVoiceCall += '<img class="chatRecord_headImg" src="'+chatDataList[i].fromid.avatar+'">';
					MeetingVoiceCall += '<div class="chatRecord_main_contaienr">';
					MeetingVoiceCall += '<div class="chatRecord_mainHeader_contaienr">';
					MeetingVoiceCall += '<p>'+chatDataList[i].fromid.name+'</p>';
					MeetingVoiceCall += '<p>'+chatDataList[i].msgtimes+'</p>';
					MeetingVoiceCall += '</div>';
					MeetingVoiceCall += '<div class="simple-audio">';
					MeetingVoiceCall += '<div class="audio-container">';
					MeetingVoiceCall += '<audio width="1" height="1" id="" preload="metadata" data-src="'+chatDataList[i].content.url+'" data-type="audio/mpeg">';
					MeetingVoiceCall += '您的浏览器不支持audio标签';
					MeetingVoiceCall += '</audio>';
					MeetingVoiceCall += '<span class="audio-status"></span>';
					MeetingVoiceCall += '</div>';
					MeetingVoiceCall += '<span class="audio-time"></span>';
					MeetingVoiceCall += '</div></div>';
					if(chatDataList[i].content.length == 0){
						MeetingVoiceCall += '<div class="audioOther_contianer">';
						MeetingVoiceCall +=		'<button class="audioButton_h" onclick="update_data('+chatDataList[i].id+')">更新</button>';
						MeetingVoiceCall +=	'</div>';
					}
					MeetingVoiceCall += '</li>';
				}
			}
			$('#showMeetingVoiceCall').append(MeetingVoiceCall);

			new SimpleAudio('.simple-audio');
		}
		
		function selectChatType(type){
			$('#selectedType').val(type);
		}
	</script>
	<script type="text/javascript">
		// tabs
		layui.use('element', function(){
			var element = layui.element;

		  //…
		});
		// 日期选择
		layui.use('laydate', function(){
			var laydate = layui.laydate;
		  //执行一个laydate实例
		  laydate.render({
		    elem: '#test1' //指定元素
			,type: 'date'
			,max: 0
			,showBottom: false
			,done: function(value, date, endDate){
				//console.log(value); //得到日期生成的值，如：2017-08-18
				//window.location.href='contact_way.html?dates='+value;
				var chatType = $('#selectedType').val();
				var userid = $('#selectedUser').val();
				var personid = $('#selectedPerson').val();
				var chatid = $('#selectedGroup').val();
				var endDate = $('#test2').val();
				myAjaxPost(false, true, 'get_chat_data.html', { chatType:chatType,userid:userid,personid:personid,chatid:chatid,startDate:value,endDate:endDate}, function (resp) {
					if (resp.status == 'success') {
						//$('#test1').val(resp.data.startDate);
						var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
						showChatData(chatDataList);
					}else{
						alert(resp.msg);
					}
				});
			}
		});
		  //执行一个laydate实例
		  laydate.render({
		    elem: '#test2' //指定元素
			,type: 'date'
			,max: 0 
			,showBottom: false
			,done: function(value, date, endDate){
				//console.log(value); //得到日期生成的值，如：2017-08-18
				//window.location.href='contact_way.html?dates='+value;
				var chatType = $('#selectedType').val();
				var userid = $('#selectedUser').val();
				var personid = $('#selectedPerson').val();
				var chatid = $('#selectedGroup').val();
				var startDate = $('#test1').val();
				myAjaxPost(false, true, 'get_chat_data.html', { chatType:chatType,userid:userid,personid:personid,chatid:chatid,endDate:value,startDate:startDate}, function (resp) {
					if (resp.status == 'success') {
						//$('#test2').val(resp.data.endDate);
						var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
						showChatData(chatDataList);
					}else{
						alert(resp.msg);
					}
				});
			}
		});
		});
		// 弹窗
		layui.use('layer', function(){
			var layer = layui.layer;
		}); 
	</script>
	<script>
	function one_week(){
		var chatType = $('#selectedType').val();
		var userid = $('#selectedUser').val();
		var personid = $('#selectedPerson').val();
		var chatid = $('#selectedGroup').val();
		myAjaxPost(false, true, 'get_chat_data.html', { chatType:chatType,userid:userid,personid:personid,chatid:chatid,type:'one_week'}, function (resp) {
			if (resp.status == 'success') {
				$('#test1').val(resp.data.startDate);
				$('#test2').val(resp.data.endDate);
				var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
				showChatData(chatDataList);
			}else{
				alert(resp.msg);
			}
		});		
	}
	function two_week(){
		var chatType = $('#selectedType').val();
		var userid = $('#selectedUser').val();
		var personid = $('#selectedPerson').val();
		var chatid = $('#selectedGroup').val();
		myAjaxPost(false, true, 'get_chat_data.html', { chatType:chatType,userid:userid,personid:personid,chatid:chatid,type:'two_week'}, function (resp) {
			if (resp.status == 'success') {
				$('#test1').val(resp.data.startDate);
				$('#test2').val(resp.data.endDate);
				var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
				showChatData(chatDataList);
			}else{
				alert(resp.msg);
			}
		});
	}
	function one_month(){
		var chatType = $('#selectedType').val();
		var userid = $('#selectedUser').val();
		var personid = $('#selectedPerson').val();
		var chatid = $('#selectedGroup').val();
		myAjaxPost(false, true, 'get_chat_data.html', { chatType:chatType,userid:userid,personid:personid,chatid:chatid,type:'one_month'}, function (resp) {
			if (resp.status == 'success') {
				$('#test1').val(resp.data.startDate);
				$('#test2').val(resp.data.endDate);
				var chatDataList = resp.data.chatDataList?resp.data.chatDataList:[];
				showChatData(chatDataList);
			}else{
				alert(resp.msg);
			}
		});
	}
	function change_voice(id){
		myAjaxPost(false, true, 'change_voice.html', { id:id}, function (resp) {
			if (resp.status == 'success') {
				var divs = $('#voice'+id).parents('.simple-audio');
				divs.empty();
				var html = '';
				html += '<div class="simple-audio">';
				html += '<div class="audio-container">';
				html += '<audio width="1" id="voice'+id+'" height="1" preload="metadata" data-src="'+resp.data.url+'">';
				html += '您的浏览器不支持audio标签';
				html += '</audio>';
				html += '<span class="audio-status"></span>';
				html += '</div>';
				html += '<span class="audio-time"></span>';
				html += '</div>';
				divs.append(html);
				new SimpleAudio('.simple-audio');
				layer.msg(resp.msg);
			}else{
				layer.msg(resp.msg);
			}
		});
	}
	
	function update_data(id){
		myAjaxPost(false, true, 'update_data.html', { id:id}, function (resp) {
			if (resp.status == 'success') {
				layer.msg(resp.msg);
				location.reload();
			}else{
				layer.msg(resp.msg);
			}
		});
	}
	</script>
	<script type="text/javascript">
		$('.PrivateChat_contaienr span').click(function(){
			$(this).css('background-color','#2f54eb');
			$(this).css('border-color','#2f54eb');
			$(this).css('color','#fff');
		})
		$('.selectUser_PrivateChat_content li').click(function(){
			$('.selectUser_PrivateChat_content li').removeClass('selectUser_PrivateChat_content_active');
			$(this).addClass('selectUser_PrivateChat_content_active');
		})
		$('.PrivateChat_content li').click(function(){
			$('.PrivateChat_content li').removeClass('PrivateChat_content_active');
			$(this).addClass('PrivateChat_content_active');
		})

	</script>
	<!-- 语音部分JS -->
	<script type="text/javascript">
		function SimpleAudio(context, options) {
			if (!options) {
				options = {};
			}
			this.settings = $.extend({
				container: '.audio-container',
				statusContainer: '.audio-status',
				totalTimeContainer: '.audio-time',
				playingClass: 'playing',
				errorClass: 'error'
			}, options);

			if (context instanceof Element) {
				this.context = context;
			} else {
				var contextArray = $(context);
				if (contextArray.length > 0) {
					for (var i = 0; i < contextArray.length; i++) {
						new SimpleAudio(contextArray[i], this.settings);
					}
				}
				return;
			}
			if (this.context && !this.context.isSimpleAudio) {
				var $audio = $(this.context).find('audio');
				this.player = this.context.querySelector('audio');
				this.settings.src = $audio.data('src') || this.settings.src;
				this.settings.type = $audio.data('type') || this.settings.type;

				this.audioList.push(this);
		        //初始化
		        this.init();
		        this.context.isSimpleAudio = true;
		    }

		}

		SimpleAudio.prototype = {
			audioList: [],
			init: function () {
				var self = this;
				self.events();
		        // 设置src
		        self.changeSrc();

		    },
		    play: function () {
		    	var self = this;
		        //console.log(self.currentStatus);
		        if (self.currentStatus === "error") {
		        	return;
		        }
		        if (self.currentStatus === "play") {
		        	self.pause();
		        	return;
		        }
		        //暂停所有其他的音频
		        for (var i = 0; i < self.audioList.length; i++) {
		        	if (self.audioList[i] !== self) {
		        		self.audioList[i].pause();
		        	}
		        }
		        self.player.volume = 1.0;
		        self.player.play().then(function () {
		            // 播放成功
		        }, function (error) {
		        	console && console.error(error);
		        	$(self.player).trigger('error');
		        });
		    },
		    pause: function () {
		    	var self = this;
		    	if (self.currentStatus === "play") {
		    		self.player.pause();
		    	}
		    },
		    events: function () {
		    	var self = this;
		    	$(self.player).on('loadedmetadata', function () {
		    		self.updateTotalTime();
		    	}).on('canplay', function () {
		            // 设置自动播放
		            if (self.settings && self.settings.autoplay) {
		            	self.play();
		            }
		        }).on('playing', function () {
		        	self.changeStatus("play");
		        }).on('ended', function () {
		        	self.player.currentTime = 0;
		        	self.changeStatus("ended");
		        }).on('pause', function () {
		        	self.player.currentTime = 0;
		        	self.changeStatus("pause");
		        }).on('error', function (e) {
		        	console && console.error(e);
		        	self.changeStatus("error");
		        });

		        $(self.context).on('click', function () {
		        	self.play();
		        });
		    },
		    changeStatus: function (status) {
		    	this.currentStatus = status;
		    	this.onChangeStatus && this.onChangeStatus(this.currentStatus);
		    },
		    //改变音频源
		    changeSrc: function () {
		    	if (this.settings.type && !this.player.canPlayType(this.settings.type)) {
		    		console && console.error('audio标签不支持' + this.settings.type + '格式');
		    		$(this.player).trigger('error', 'audio标签不支持' + this.settings.type + '格式');
		    		return;
		    	}
		    	if (this.settings.src) {
		    		this.currentStatus = '';
		    		this.player.src = this.settings.src;
		    	}
		    },
		    //更新总时间
		    updateTotalTime: function () {
		    	var totalLabel = $(this.context).find(this.settings.totalTimeContainer);
		    	if (!totalLabel.text()) {
		    		var time = Math.round(this.player.duration);
		    		if (isNaN(time)) {
		    			time = '';
		    		}
		    		if (this.settings.updateTotalTime) {
		    			this.settings.updateTotalTime(time);
		    		} else {
		    			totalLabel.text(time + '"');
		    		}
		    	}
		    },
		    onChangeStatus: function (status) {
		    	var statusElement = $(this.context).find(this.settings.statusContainer);
		    	if (status === 'play') {
		    		statusElement.removeClass(this.settings.errorClass).addClass(this.settings.playingClass);
		    	} else if (status === 'error') {
		    		statusElement.removeClass(this.settings.playingClass).addClass(this.settings.errorClass);
		    	} else {
		    		statusElement.removeClass(this.settings.playingClass).removeClass(this.settings.errorClass);
		    	}
		    }
		};
		if (!window.SimpleAudio) {
			window.SimpleAudio = SimpleAudio;
		}
		new SimpleAudio('.simple-audio');
	</script>
	<script type="text/javascript">
		function openWeapp(){
			alert('由于企业微信的限制，暂时不支持打开当前类型消息');
		}
	</script>
</body>
</html>